<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
	<div class="panel panel-default">

		<div class="panel-heading">

			<button id="btn_add" type="button" class="btn btn-default" onclick="showAddSupplier()">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>

			<button id="btn_delete" type="button" class="btn btn-default"
				onclick="deleteSupplier()">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
		</div>
		<table id="supplier_table">
		</table>
	</div>
</body>
<script type="text/javascript">
	var showAddSupplier = function(){
		$.ajax({
			url:"<%=request.getContextPath()%>/s/add",
			success:function(result){
				dialog.showDialog(result);
			}
		})
	};
	var deleteSupplier = function(){
		var rows = $("#supplier_table").bootstrapTable("getSelections");
		if(rows.length == 0){
			alert("请先选择要删除的记录");
			return ;
		}
		var ids = '';
		for(var i=0; i<rows.length; i++){
			ids += rows[i].id+",";
		}
		ids = ids.substring(0, ids.length-1);
		$.ajax({
      		type:"POST",
      		data:"ids="+ids,
      		url:"<%=request.getContextPath()%>/s/batch/delete",
      		success:function(){
      			$("#supplier_table").bootstrapTable("refresh");
      		},
      		error: function(data){
      			alert("删除失败");
      		}
      	})
	};
	$("#supplier_table").bootstrapTable({ // 对应table标签的id
	  method:"get",
      url: "<%=request.getContextPath()%>/Supplier", // 获取表格数据的url
      cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
      striped: true,  //表格显示条纹，默认为false
      search:true,
      showRefresh:true,
      pagination: true, // 在表格底部显示分页组件，默认false
      pageList: [5,8,10, 20], // 设置页面可以显示的数据条数
      pageSize: 8, // 页面数据条数
      pageNumber: 1, // 首页页码
      sidePagination: 'client', // 设置为服务器端分页
      columns: [
          {
              checkbox: true, // 显示一个勾选框
              align: 'center' // 居中显示
          }, {
              field: 'id', // 返回json数据中的name
              title: '编号', // 表格表头显示文字
              align: 'center', // 左右居中
              valign: 'middle' // 上下居中
          }, {
              field: 'name',
              title: '名称',
              align: 'center',
              valign: 'middle',
              editable:{
              	type:"text",
              	title:"供应商名称",
              	validate:function(v){
              		if(!v) return "输入不能为空"
              	}
              }
          }  
      ],
      onEditableSave: function (field, row, oldValue, $el) {
      	$.ajax({
      		type:"PUT",
      		contentType : "application/json",
      		dataType:"json",
      		url:"<%=request.getContextPath()%>/Supplier",
      		data:JSON.stringify(row),
      		success:function(){
      			
      		},
      		error: function(data){
      			alert("修改失败");
      		}
      	})
      },
      onLoadSuccess: function(){  //加载成功时执行
            console.info("加载成功");
      },
      onLoadError: function(){  //加载失败时执行
            console.info("加载数据失败");
      }
})
</script>
</html>

